<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>小米商城</title>
		<link rel="stylesheet" href="CSS/login.css">
		<style>
			
		</style>
		<script src="JS/jquery-3.1.0.min.js"></script>
		<script>
			
			$(function() {
				$(".bodier_log_loger_p>p").click(function() {
					$(".bodier_log_accinput").css("display", "none");
					$(".bodier_log_iphone").css("display", "block");
				});
				$(".bodier_log_iphone_p>p").click(function() {
					$(".bodier_log_accinput").css("display", "block");
					$(".bodier_log_iphone").css("display", "none");
				});

				if($(".bodier_log_accmain").css('display') == 'block') {
					$(".bodier_log_acc").css("color", "#ff6700");
				};
				if($(".bodier_log_scancode").css('display') == 'block') {
					$(".bodier_log_acc").css("color", "black");
					$(".bodier_log_passacc").css("color", "#ff6700");
				}
			});
			var counts = 60;

			function settime(val) {
				if(counts == 0) {
					val.removeAttribute("disabled");
					val.value = "获取验证码";
					counts = 60;
					return false;
				} else {
					val.setAttribute("disabled", true);
					val.value = "重新发送（" + counts + "）";
					counts--;
				}
				setTimeout(function() {
					settime(val);
				}, 1000);
			}
			
		</script>
	</head>

	<body>
		<div id="bodydiv">
			<!--
            	头部
            -->
			<div class="head">
				<div class="header">
					<a href="" class="head_logo"></a>
				</div>
			</div>
			<!--
            	描述：登录
            -->
			<div class="bodier_simple">

				<!--登陆框-->
				<div class="bodier_log">
					<div class="bodier_simple_log">
						<div class="bodier_simple_logone">
							<ul class="bodier_log_ul">
								<li class="bodier_log_acc">账号登录</li>
								<a>|</a>
								<li class="bodier_log_passacc">扫码登录</li>
							</ul>
						</div>
						<!--登录主界面-->
						<div class="bodier_log_main">
							<!--账号登录主界面-->
							<div class="bodier_log_accmain">

								<div class="bodier_log_">
									<!--账号登录-->
									<div class="bodier_log_accinput">
										<form action="loginServlet?op=numcheck" method="post">
										<div class="bodier_log_input">
											<input type="text" class="bodier_log_accnum" placeholder="邮箱/手机账号/小米ID" name="accnum"/><br />
											<input type="password" class="bodier_log_password" placeholder="密码" name="password"/>
										</div>
										<!--错误提示 -->
										<div class="bodier_log_alert">
											<em class="bodier_log_alert_errem"></em>
											<span class="bodier_log_alert_errsp" name="error">${error }</span>
										</div>
										<div class="bodier_log_loger">
											<input type="submit" value="登录"  id="namecheck"/> <br />
										</div>
										</form>
										<div class="bodier_log_loger_p">
											<p>手机短信登录/注册</p>
											<ul>
												<li>
													<a href="">立即注册</a>
												</li>
												<a>|</a>
												<li>
													<a href="">忘记密码？</a>
												</li>
											</ul>
										</div>
									</div>
									<!--手机短信登录 -->
									<div class="bodier_log_iphone">
										<label class="bodier_log_iphone_input">
											<div class="bodier_log_iphone_input_wh">
												<p>+86</p>
											</div>
											<input type="tel" class="bodier_log_iphone_input_num" placeholder="手机号码" maxlength="11"/>
										</label>
										<label class="bodier_log_iphone_checknum">
											<input type="text" placeholder="验证码" maxlength="6" id="iphonecheck"/>
											<input type="submit" name="" id="verCodeBtn" value="获取验证码" onclick="settime(this);"/>
										</label>
										<div class="bodier_log_alert">
											<em class="bodier_log_alert_errem"></em>
											<span class="bodier_log_alert_errsp"></span>
										</div>
										<div class="bodier_log_loger">
											<input type="submit" value="立即登录/注册" /> <br />
										</div>
										<div class="bodier_log_iphone_p">
											<p>账号登录注册</p>
										</div>
									</div>
								</div>

								<!--账号登录底部 -->
								<div class="bodier_log_btm">
									<fieldset class="bodier_log_btm_tit">
										<legend align="center" class="bodier_log_btm-txt">其他方式登录</legend>
									</fieldset>
									<div class="bodier_log_btm_other">
										<a href="" class="bodier_log_btm_qq"><i class="bodier_log_btm_other_qq"></i></a>
										<a href="" class="bodier_log_btm_weibo"><i class="bodier_log_btm_other_weibo"></i></a>
										<a href="" class="bodier_log_btm_alipay"><i class="bodier_log_btm_other_alipay"></i></a>
										<a href="" class="bodier_log_btm_weixin"><i class="bodier_log_btm_other_weixin"></i></a>
									</div>
								</div>
							</div>
							<!--扫码登录 主界面-->
							<div class="bodier_log_scancode"></div>
						</div>
					</div>
				</div>

			</div>
			<div class="bodier_normal"></div>
			<div class="bodier_English"></div>
			<!-- 尾部 -->
			<div class="bodier_btm">
				<div class="bodier_btm_change">
					<ul>
						<li class="bodier_btm_change_li">
							<a href="">简体</a><a>|</a>
						</li>
						<li class="bodier_btm_change_li">
							<a href="">繁体</a><a>|</a>
						</li>
						<li class="bodier_btm_change_li">
							<a href="">English</a><a>|</a>
						</li>
						<li class="bodier_btm_change_li">
							<a href="">常见问题</a><a>|</a>
						</li>
						<li class="bodier_btm_change_li">
							<a href="">隐私政策</a>
						</li>
					</ul>
				</div>
				<div class="bodier_btm_beian">
					<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;小米公司版权所有-京ICP备10046444-
						<a href="">
							<span>
								<img src="image/login-police.png"/>
								
							</span>
							京公网安备11010802020134号
						</a>
					-京ICP证110507号
					</p>
				</div>
			</div>
		</div>
	</body>

</html>